<template>
  
  <el-header style="  font-size: 12px;height: 100px;">
    <el-header style="text-align: right; font-size: 12px;height: 100px;">
    <h1 style="font-size: 30px; text-align: left;">药房退药</h1>
    </el-header>
         <div class="toolbar">
      
    
    <div class="sub-title"></div>

           <!-- <span>门诊挂号</span> -->
         </div>
       </el-header>
      
      
          <el-row>
 
  <el-form-item label="购买药单号：" prop="orderNo"   style="margin-left: 30px;" >
     <el-input placeholder="请输入" style="width: 300x;;"/>
   </el-form-item>
 
   
 
   <el-form-item>
      <el-button type="primary" style="margin-left: 30px"  >搜索</el-button>
    
   </el-form-item>
    
  
</el-row>
  
<div class="box" style="background-color: white;width: 1200px;height: 300px;margin: 20px;">
    
                <el-row :gutter="20">
           
    <el-col :span="4"><div class="grid-content ep-bg-purple" > 退药申请{{  }} </div></el-col>
    <el-col :span="6"><div class="grid-content ep-bg-purple" >编号：{{  }}</div></el-col>
    <el-col :span="6"><div class="grid-content ep-bg-purple" >时间：{{  }}</div></el-col>
    <el-col :span="4"><div class="grid-content ep-bg-purple" >主诊医师：{{  }}</div></el-col>
  </el-row>
  <el-button type="primary" style="width: 1100px;margin: 20px,-20px;" plain>全部退药</el-button>
  <div class="inner">
  <el-row :gutter="20">
    <el-col :span="4"><div class="grid-content ep-bg-purple" ><img src="" alt=""></div></el-col>
    <el-col :span="4"><div class="grid-content ep-bg-purple" >
      <div class="name">名称</div>
      <div class="name1">{{  }}药物名称</div>
    </div></el-col>
    <el-col :span="4"><div class="grid-content ep-bg-purple" >
      <div class="count">购买数量</div>
      <div class="count1">数量{{  }}</div>
    </div></el-col>
    <el-col :span="4"><div class="grid-content ep-bg-purple" >
      
      <div class="price">单价</div>
      <div class="price1">￥{{  }}</div>
    </div></el-col>
    <el-col :span="4"><div class="grid-content ep-bg-purple" >
      
      <div class="count">退药数量</div>
      <div class="count1" style="display: inline-block;">
        <el-button >+</el-button>
        <el-input value="0" style="width: 30px;">
          
        </el-input>
        <el-button>-</el-button>
      </div>
    </div></el-col>
    <el-col :span="4"><div class="grid-content ep-bg-purple" >
      <el-button type="primary">全退</el-button>
    </div></el-col>
  </el-row>

 

 
  <el-button style=" margin: 20px;width: 200px ;display: flex;justify-content: center;margin-left: 500px;" type="primary">退药</el-button>
  </div>
            </div>
  
 </template>
 
 <script lang="ts" setup name="Order">
 
 
 
 
 

</script>






<style lang="css" link-ref="main.css"/>
<style scoped> 
h1{
  padding-left: 30px;
  
}
.label{
width: 200px;
 color: grey;
padding-left: 30px;

}

 .grid-content{
  margin-left: 10px;
  margin-top:5px;
 }
h3{
padding-left: 20px;
}
.demo-basic {
text-align: right;
}
.demo-basic .sub-title {
margin-bottom: 10px;
font-size: 14px;
color: var(--el-text-color-secondary);
}
.demo-basic .demo-basic--circle,
.demo-basic .demo-basic--square {
display: flex;
justify-content: flex-end;
align-items: right;
}
.demo-basic .block:not(:last-child) {
border-right: 1px solid var(--el-border-color);
}
.demo-basic .block {
flex: 1;
}
.demo-basic .el-col:not(:last-child) {
border-right: 1px solid var(--el-border-color);
}


</style>